/* pages/login/login.wxss */
page {
  width: 100%;
  height: 100%;
}
.container {
  position: relative;
  height: 100%;
  .bg-image {
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: cover;
    // z-index: -1;
    background-position: 100% 100%;
    background-image: url("");
  }
  .content {
    width: 100%;
    position: absolute;
    height: 500rpx;
    padding-top: 200rpx;
    .logo {
      display: flex;
      justify-content: center;
      image {
        width: 108rpx;
        height: 108rpx;
      }
    }
    .title {
      display: flex;
      justify-content: center;
      text {
        padding-top: 30rpx;
        color: #0f0c08;
        font-size: 44rpx;
      }
    }
    .form {
      width: 690rpx;
      margin: 80rpx 30rpx 80rpx 30rpx;
      background: #ffffff;
      box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(54, 51, 52, 0.15);
      border-radius: 20rpx;
      .contents{
            padding: 50rpx;
            .input-bottom{
                border-bottom: 1px solid rgb(199, 199, 199,0.3);
            }
      }
    }
  }
}
van-hairline--top-bottom:after{
    border-top: 1px solid #ffffff;
}
.button-class {
    width: 450rpx !important;
    border-radius: 20rpx !important;
}